<template>
  <div id="tgly">
    <!-- 技术专区页面 -->
    <div id="tgly-box">
      <img class="main-img" src="static/default/default.png" alt srcset>
      <div class="every-box">
        <TgyItem :datas="typeList"></TgyItem>
      </div>
    </div>
    <FooterView></FooterView>
  </div>
</template>
<script>
import TgyItem from "./TgyItem";
import FooterView from "@/components/Footer";
import { getTypeSelect } from "@/config/api";
export default {
  name: "technology",
  data() {
    return {
      typeList: [] //分类列表数据
    };
  },
  components: {
    TgyItem,
    FooterView
  },
  mounted() {
    //获取分类数据
    this.$Spin.show();
    getTypeSelect(true).then(result => {
      this.$Spin.hide();
      this.typeList = result.data;
    });
  }
};
</script>
<style scoped>
#tgly-box {
  padding-bottom: 100px;
}
</style>


